<template>
	<view class="reward_popup_ceng" v-if="is_open">
		<view class="reward_popup_data">
			<view class="reward_popup_img"><image :src="domain + '/uploads/def/20230727/eaf6db491270fbfb48e60947e9543e0e.png'" mode="widthFix"/></view>
			<view class="reward_popup_title">{{title}}</view>
			<view class="reward_popup_button" @click="closeRewardPopup">收款</view>
		</view>
	</view>
</template>

<script>
	import { HTTP_REQUEST_URL } from '@/config/app';
	export default {
		props: {
			is_open: {
				type: Boolean,
				default: false,
			},
			title: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
				domain: HTTP_REQUEST_URL,
			}
		},
		mounted() {
		},
		methods: {
			closeRewardPopup() {
				this.$emit('clickRewardPopup', {
					action: 'rewardPopupClose'
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.reward_popup_ceng {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.50);
		z-index: 13;
		.reward_popup_data {
			width: 480rpx;
			height: 414rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin: 300rpx auto 0;
			text-align: center;
			padding-top: 68rpx;
			.reward_popup_img {
				width: 116rpx;
				margin: 0 auto;
				image {
					width: 116rpx;
				}
			}
			.reward_popup_title {
				font-size: 32rpx;
				font-weight: 400;
				color: #323232;
				line-height: 44rpx;
				margin-top: 42rpx;
			}
			.reward_popup_button {
				background: #50B674;
				border-radius: 40rpx;
				padding: 18rpx 90rpx;
				font-size: 28rpx;
				font-weight: 400;
				color: #FFFFFF;
				width: fit-content;
				margin: 30rpx auto ;
			}
		}
	}
</style>